<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="/kissy/build/css/dpl/base.css"/>
    <link rel="stylesheet" href="../../assets/dpl.css"/>
</head>
<body>
<script src="/kissy/build/seed.js"></script>
<script src="/kissy/src/package.js"></script>
<script>
    KISSY.ready(function () {
        KISSY.use("overlay", function (S, Overlay) {
            var $ = S.all,
                    a = new Overlay.Dialog({
                        closable: true,
                        width: 440,
                        headerContent: 'header',
                        footerContent: 'footer',
                        bodyContent: 'dialog'
                    });
            a.center();
            a.show();
            S.log(document.activeElement);
            a.hide();
            S.log(document.activeElement);
        });
    });
</script>
</body>
</html>